<!DOCTYPE html>
<html lang="fr-FR">
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title></title>

	<!--[if lt IE 9]>
		<script src="/js/html5.js"></script>
	<![endif]-->

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="/css/style.css" type="text/css" />
	
        <link rel="stylesheet" href="/css/skeleton.css">
        <link rel="stylesheet" href="/css/layout.css">	
        <link media="all" type="text/css" href="/css/superfish.css?ver=3.5.1" id="superfish-css" rel="stylesheet">
        

	<!--[if lt IE 9]>
		<style type="text/css">
			div.social-icon{
				background-color: #66a3bf !important;
			}
		</style>
	<![endif]-->
	<!--[if IE 7]>
		<link rel="stylesheet" href="/css/ie7-style.css" /> 
	<![endif]-->
	
</head>
    <body>
        <div class="top-navigation container">
		<div class="top-navigation-wrapper">
                        <div class="top-navigation-left">
				<div class="menu">
                                    <ul>
                                        <li><a href="#">Accueil</a></li>
                                        <li><a href="#">Cndidats</a></li>
                                        <li><a href="#">Entreprise</a></li>
                                    </ul>
                                </div>
				<br class="clear">
			</div>			
		</div>
	</div>
        <div class="container">
            <div class="header-wrapper">
			<div class="inner-header-wrapper">
				<!-- Get Logo -->
				<div class="logo-wrapper">
					<a href="#"><img alt="logo" src="/images/logo.png"></a>
				</div>
				
				<!-- Get Search -->
                                <div class="search-wrapper">
                                    <form action="#" id="searchform" method="get">
                                        <div id="search-text">
                                            <input type="text" data-default="Type your keywords..." autocomplete="off" id="s" name="s" value="Type your keywords...">
                                        </div>
                                        <input type="submit" value="Search" id="searchsubmit">
                                        <br class="clear">
                                     </form>
                                </div> 
								
				<br class="clear">
			</div> <!-- Inner header wrapper -->
			<!-- Navigation -->
			<div class="sixteen columns mb0">
                            <div class="navigation-wrapper">
                                <!-- Get Navigation -->
                                <div class="menu-wrapper" id="main-superfish-wrapper">
                                    <ul class="sf-menu sf-js-enabled sf-shadow" id="menu-menu-1">
                                        <li class="menu-item"><a href="#">Accueil</a></li>
                                        <li class="menu-item"><a href="#">Présentation</a></li>
                                        <li class="menu-item"><a href="#">Candidats</a></li>
                                        <li class="menu-item"><a href="#">Entreprise</a></li>
                                        <li class="menu-item"><a href="#">Contact</a></li>
                                    </ul>
                                </div>
                                <div class="social-wrapper">
                                    <div class="social-icon-wrapper">
                                        <div class="social-icon" style="opacity: 0.55;">
                                            <a href="#"><img alt="facebook" src="/images/icon/light/social/facebook.png"></a>
                                        </div>
                                        <div class="social-icon">
                                            <a href="#"><img alt="linkedin" src="/images/icon/light/social/linkedin.png"></a>
                                        </div>
                                        <div class="social-icon">
                                            <a href="#"><img alt="rss" src="/images/icon/light/social/rss.png"></a>
                                        </div>
                                        <div class="social-icon">
                                            <a href="#"><img alt="twitter" src="/images/icon/light/social/twitter.png"></a>
                                        </div>
                                    </div>
                                </div>
					
					<br class="clear">
				</div>
			</div>
			<br class="clear">
		</div>

           <div class="content-wrapper ">
                <div class="page-wrapper">
                    {% block body %}{% endblock %}
                </div>
           </div>
        </div>
        <div class="footer-wrapper">
            <div class="footer-blank-space"></div>
            <div class="container mt0">
                <div class="footer-widget-wrapper"></div>
                <div class="copyright-wrapper gdl-divider">
                    <div class="copyright-left">Genius Creativity</div>
                    <div class="copyright-right">Sayari Slim</div>
                    <div class="clear"></div>
                </div>
            </div>
        </div> <!-- container-wrapper -->
        </div><!-- footer-wrapper -->
    </body>
</html>
